<script setup lang="ts">
import ComSelect from './component/select.vue'
import { ref } from 'vue';

const options = [
    { label: '架构云', value: '1', title: '架构云选项' },
    { label: '大数据', value: '2' },
    { label: '区块链', value: '3' },
    { label: '物联网', value: '4', disabled: true },
    { label: '人工智能', value: '5' },
    { label: '计算场景（高性能计算）', value: '6',}
]

const active = ref('');
</script>

<template>
    <div class="use_select">
        <p>active的值为: {{ active }}</p>
        <com-select :options="options" v-model="active"></com-select>
    </div>
</template>

<style lang="scss" scoped>
.use_select {
    width: 480px;
    padding: 32px;

    p {
        margin-bottom: 8px;
    }
}
</style>